/* 全局颜色 */
$grayM:#8b8b8b;//subTitle/hint
$grayS:#dfdfdf;//分界线
$grayXS:#f1f1f1;//table label
$fontL:#000;

/* 通用样式 */
@mixin textEllipse() {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/**app.wxss**/
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
}

//动态表单样式
.page {

  //form-item样式
  &-section {
    margin: 40rpx 16rpx 0 16rpx;

    &-title {
      color: $fontL;
    }

    &-subtitle {
      color: $grayM;
      font-size: 24rpx;
    }
  }

  // 签名
  &-signature{
    width: 100%;
    height: 100rpx;
    &-img{
      width: 100%;
      height: 100%;
    }
    &-hint{
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  }

  //定位
  &-location{
    display: flex;
    align-items: center;
    &-value{
      flex: 1;
    }

    &-get{
      color: $fontL;
    }
    &-hint{
      color: $grayM;
    }
  }

  //form-item: inspect 特殊样式
  &-inspect {
    &-row {
      display: flex;
      padding: 2rpx 0;
      margin-bottom: 5rpx;
      border:1rpx solid transparent;
      border-radius: 12rpx;
      &-green{
        border-radius: 12rpx;
        border: 1rpx solid green;
      }
      &-red{
        border-radius: 12rpx;
        border: 1rpx solid red;
      }

      &-label {
        flex: 4;
        padding: 3px;
        @include textEllipse;
      }

      &-truebtn {
        border-right: 1px solid $grayS;
        flex: 1;
        text-align: center;
      }

      &-falsebtn {
        flex: 1;
        text-align: center;
      }

    }
  }

  //form-item：table 特殊样式
  &-table {
    border-top: 1px solid $grayS;
    border-left: 1px solid $grayS;

    &-row {
      display: flex;

      &-label {
        flex: 1;
        padding: 3px;
        background-color: $grayXS;
        border-bottom: 1px solid $grayS;
        border-right: 1px solid $grayS;
        @include textEllipse;
      }

      &-value {
        flex: 5;
        height: 64rpx;
        line-height: 64rpx;
        border-bottom: 1px solid $grayS;
        border-right: 1px solid $grayS;
        @include textEllipse;
      }
    }
  }
}

.redStar::before {
  content: '*';
  color: red;
}